<?php
	require_once("conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />

<script src="include_js/jquery.js" type="text/javascript"></script>
<style>
.texto
{
	font-weight:bold;
	font-size:14px;
}
.borde
{
	border:0px solid #6593C0;
}
</style>
</head>
<script>
var cont1=1;cant=0;
function EliminaItems()
{
	cantidad = document.getElementById('txtCant').value;

	for(var i=(cantidad);i>0;i--)
	{
		//alert(i);
		document.getElementById('tabla').deleteRow(-1);
	}
	cont1=1;
	document.getElementById('txtCant').value = 0;
}

function BorraDatos(dato)
{
	var cadena = dato.substring(8,9);
    if(cadena=='1')
	{
		document.form_AEClientes.submit();
	}
}

function EliminarFila(fila)
{
	var Tr = fila;
	while(Tr.nodeName.toLowerCase()!='tr')
	{
		Tr=Tr.parentNode;
	}
	
	var root = Tr.parentNode;
	root.removeChild(Tr);
	cant--;
	document.getElementById('txtCant').value=cant;
	if(cant==0)
	{
		document.getElementById("capa").style.display = "none";
		document.getElementById("cmb_CC").disabled=false;
		cont1=1;
		document.getElementById('txtTotal').value=0;
	}
}

function AgregaFila(json,codA)
{
	//alert(json);
	cp = document.getElementById("capa");
	cp.style.display = "block";
	nuevaFila = document.getElementById("tabla").insertRow(-1);
	nuevaFila.id=cont1;
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input style='background:#E1E1E1;text-align:center' id='txtCCultivo"+cont1+"' type='text' readonly='true' name='txtCCultivo"+cont1+"' size='15' value='"+codA+"' /></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input style='background:#E1E1E1;text-align:center' id='txtEstacion"+cont1+"' type='text' readonly='true' name='txtEstacion"+cont1+"' size='15' value='"+json[0]+"' /></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input type='button' value='[x]' onclick='EliminarFila(this);'></td>";
	//alert(cont1);
	
	cant++;
	document.getElementById('txtCant').value=cant;
	document.getElementById('txtTotal').value=cont1;
	cont1++;
}

function AgregaEstacion(centro,estacion)
{
	codCentro = document.getElementById(centro).value;
	codEstacion = document.getElementById(estacion).value;
	//alert(codCentro+" "+codEstacion);
	$.ajax({
			type: 'post',
			dataType: 'json',
			url: "AgregaEstacion.php",
			data: {valor: codEstacion},
			success: function(json){
				AgregaFila(json,codCentro);
			}
		});
}
function BloqueaCombo(cmb)
{
	cmb.disabled=true;
}

function LimpiarCombo(combo)
{
	while(combo.length > 1)
	{
		combo.remove(combo.length-1);
	}
}

function LlenarCombo(json, combo)
{
	combo.options[0] = new Option('--SELECCIONE--', '0');
	for(var i=0;i<json.length;i++)
	{
		combo.options[combo.length] = new Option(json[i].data+' '+'('+json[i].id+')', json[i].id);
	} 
}

function CargaCombo(valor,combo2)
{
	combo2 = document.getElementById(combo2);
	
	if(valor != 0)
	{
		LimpiarCombo(combo2);
		$.ajax({
			type: 'post',
			dataType: 'json',
			url: 'IngresaMantenedores/Busca_CCultivo.php',
			data: {valor: valor},
			success: function(json){
				LlenarCombo(json,combo2);
				combo2.disabled = false;
			}
		});
	}
	else
	{
		LimpiarCombo(combo2);
		combo2.disabled = true;
	}
}

function VerDatos()
{
	 $.ajax({
            type: 'POST',
            url: 'Tabla_ECentro.php',
            data: $('#form_AEClientes').serialize(),
            success: function(data) {
                $('#tabla2').html(data);
				document.getElementById('tabla2').style.display='block';
            }
        })
	
}
function CerrarDatos()
{
	document.getElementById('tabla2').style.display='none';
}
</script>
<body>
<form name="form_AEClientes" id="form_AEClientes" method="post">
<div class='option2'><label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Ingreso de Estaci&oacute;n / Centro Cultivo.</label></div>
<div class='groupbox'>
<table width="100%" border="0" cellpadding="0" cellspacing="0">

	<tr>
		<td class="borde"><div class="infopop"><div style="margin-left:180px;"><label class="texto">A.Extracci&oacute;n:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_AE" id="cmb_AE" onchange="CargaCombo(this.value,'cmb_CC');">
                <option value="0">--SELECCIONE--</option>
                <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select AECod,AENombre from areaextraccion where 1 order by AENombre";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[1]." "."(".$row[0].")"."</option>";
				}
                $con->cerrarBD();
		?>
              </select>
		</div></div></td>
	</tr>
	<tr>
		<td class="borde"><div class="infopop"><div style="margin-left:203px;"><label class="texto">C.Cultivo:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_CC" id="cmb_CC" disabled="disabled">
                <option value="0">--SELECCIONE--</option>
              </select>
		</div></div></td>
	</tr>
	<tr>
	  <td class="borde"><div class="infopop"><div style="margin-left:207px;"><label class="texto">Estaci&oacute;n:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_Estacion" id="cmb_Estacion">
                <option value="0">--SELECCIONE--</option>
                <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select EsCod,EsNombre from estacion where 1 order by EsNombre";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[1]."</option>";
				}
                $con->cerrarBD();
		?>
              </select>&nbsp;&nbsp;
			  <input name="btn_Agregar" id="btn_Agregar" type="button" value="Agregar Estaci&oacute;n" onclick="AgregaEstacion('cmb_CC','cmb_Estacion');" />
		</div></div></td>
	  </tr>
	<tr>
	  <td class="borde">
	  <div class="option2" id="capa" style="display:none;">
<div align="center">
<table width="30%" border="0" cellpadding="0" cellspacing="0" class="uno" id="tabla">
<thead>
<tr>
	<th width="45%">C.Cultivo</th>
	<th width="50%">estaci&oacute;n</th>
    <th width="5%">&nbsp;</th>
</tr>
</thead>
</table>
</div>
</div>
	  </td>
	  </tr>
  <tr>
    <td class="borde"><div class="formtail"><div style="float:left; margin-top:5px;"><a href="javascript:VerDatos();">Ver Datos Ingresados</a></div><div style="margin-right:150px"><input name="btn_Guardar" id="btn_Guardar" type="button" value=" " class="guardar" />
      <input type="hidden" name="txtTotal" id="txtTotal" value="0" /><input type="hidden" name="txtCant" id="txtCant" value="0" /></div></div></td>
    </tr>
</table>
</div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td><div id='mensaje'></div></td></tr>
</table>
</form>
<!-- Tabla contenedora de los resgistros que existen en la BD-->
<div id="tabla2" style="display:none;"></div>
</body>
<script>
$('#btn_Guardar').click(function() 
{ 
        $.ajax({
            type: 'POST',
            url: 'IngresaMantenedores/IngresaEstCentro.php',
            data: $('#form_AEClientes').serialize(),
            success: function(data) {
                $('#mensaje').html(data);
				BorraDatos(data);
            }
        })
});
</script>
</html>